$(function() {
    getGo()
    // 获取表单
    var form=layui.form
    var layer = layui.layer
    function getGo(){
        $.ajax({
            method:'GET',
            url:'/my/article/cates',
            success:function(res){
                // 渲染页面
               var htmlstr=template('tep',res)
              $('tbody').html(htmlstr)
            }
        })
    }
    let index=null
    // 点击弹出页面框
    $('#add_btn').on('click',function() {
       index= layer.open({
            type:1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            content: $('#dialog-add').html()
        })
    })
    $('body').on('submit','#form-add',function(e){
        e.preventDefault()
        $.ajax({
            method:'POST',
            url:'/my/article/addcates',
            data:$(this).serialize(),
            success:function(res){
                if(res.status !==0){
                    return layer.msg('新增失败')
                }
                getGo()
                layer.msg('新增成功')
                layer.close(index)
            }
        })
    })
    var dt=null
    $('tbody').on('click','#btn-iDit',function() {
        dt= layer.open({
            type:1,
            area: ['500px', '250px'],
            title: '修改文章分类',
            content: $('#dialog-edit').html()
        })
        // 获取索引
    var id=$(this).attr('data-id')
    $.ajax({
        method:'GET',
        url:'/my/article/cates/' + id,
        success:function(res){
            console.log(res);
          form.val('form-edit',res.data)
        }
    })
    })
    // 绑定提交事件
    $('body').on('submit','#form-edit',function(e) {
        e.preventDefault()
        $.ajax({
            method:'POST',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function(res){
                if(res.status !==0){
                    return layer.msg('更新失败')
                }
                layer.msg('更新成功')
                layer.close(dt)
                getGo()
            }
        })
    })
    // 绑定事件删除
    $('body').on('click','#btn-delete',function(){
        var id=$(this).attr('data-id')
        $.ajax({
            method:'GET',
            url:'/my/article/deletecate/' +id,
            success:function(res){
                if(res.status !==0){
                    return layer.msg('删除失败')
                }
                layer.msg('删除成功')
                layer.close(dt)
                getGo()
            }
        })
    })
})